<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	template="/templates/crud-template.xhtml">

<ui:define name="content">
<div align="left">
<p:growl id="msgs" showDetail="true" sticky="false" life="10000"/>
<h:form id="form" style="width: 800px;">  
<p:panel header="Solicitud Retiro Alumno">
<h:panelGrid columns="3">
<h:outputText value="Alumno" style="font-weight:bold"/>
<h:selectOneMenu value="#{alumnoRetiroBean.retiroAlumno.strCodigoAlumno}" required="true" 
                 requiredMessage="Seleccione un Alumno">
				<f:selectItem itemLabel="Seleccione Alumno" itemValue="#{null}"/>
				<f:selectItems value="#{alumnoRetiroBean.alumnosXapoderado}" var="alumno"
				               itemLabel="#{alumno.strNombres} #{alumno.strApellidoPaterno} #{alumno.strApellidoMaterno}" itemValue="#{alumno.strCodigoAlumno}"/>
			<f:validator validatorId="retiroValidator"/>
	      <f:attribute name="codigo" value="#{codigo.value}" />	                           
</h:selectOneMenu>
<p:commandButton value="Cargar" actionListener="#{alumnoRetiroBean.CargaRetiroAlumno}"  
                 update="msgs dlgForm:display" oncomplete="cargaDatosRetiro(args)"/>
</h:panelGrid>
</p:panel>
</h:form> 

<p:dialog header="Formato Solicitud de Retiro" widgetVar="datosDialog" resizable="false" id="datosDlg"  
                showEffect="fade" hideEffect="explode" modal="true" width="400" position="center"
                onShow="limpiarFE()">  
<h:form id="dlgForm">  
          <h:panelGrid id="display" columns="2" cellpadding="2" style="margin:0 auto;" >  
           
          <h:outputText value="Codigo Alumno" style="font-weight:bold"/>
		  <p:inputText  value="#{alumnoRetiroBean.alumno.strCodigoAlumno}" style="font-weight:bold" readonly="true"/>

		  <h:outputText value="Nombres y Apellidos" style="font-weight:bold"/>
          <p:inputText value="#{alumnoRetiroBean.alumno.strNombres} #{alumnoRetiroBean.alumno.strApellidoPaterno} #{alumnoRetiroBean.alumno.strApellidoMaterno}" style="font-weight:bold" readonly="true"/>

          <h:outputText value="Grado y Sección" style="font-weight:bold"/>
          <p:inputText value="#{alumnoRetiroBean.seccionProgramada.intGrado} º #{alumnoRetiroBean.seccionProgramada.strSeccion}" style="font-weight:bold" readonly="true"/>
		
		  <h:outputText value="Motivo" style="font-weight:bold"/>
		  <h:selectOneMenu value="#{alumnoRetiroBean.motivo.intCodigoMotivo}" required="true" 
                 requiredMessage="Seleccione un Motivo" >
			<f:selectItem itemLabel="Seleccione Motivo" itemValue="#{null}"/>
			<f:selectItems value="#{alumnoRetiroBean.motivos}" var="motivo"
	               itemLabel="#{motivo.strDescripcion}" itemValue="#{motivo.intCodigoMotivo}"/>     
	               <p:ajax update="dlgForm" event="change" listener="#{alumnoRetiroBean.motivoChange}" />
		 </h:selectOneMenu>	
		 
		  <h:outputText value="Nro Boleta Pago" style="font-weight:bold" rendered="true"/>
		  <p:inputMask  id="bol" value="#{alumnoRetiroBean.boleta.strCodigoBoleta}" style="font-weight:bold" rendered="true" required="true" requiredMessage="Ingrese Nro Boleta" mask="aa999999">
		  	<f:validator validatorId="boletaRetiroValidator"/>
		  </p:inputMask>
		 
		 <h:outputText value="Observacion" style="font-weight:bold" rendered="#{alumnoRetiroBean.btnAdjuntar}"/>
		 <p:inputTextarea value="#{alumnoRetiroBean.observacion}" style="width:250px;height:100px;" effectDuration="300" rendered="#{alumnoRetiroBean.btnAdjuntar}" required="#{alumnoRetiroBean.btnAdjuntar}" requiredMessage="Ingrese Observaciones"/>
			
		 <p:fileUpload sizeLimit="1048576" 
           auto="true" widgetVar="uploader" label="Cargar Certificado"
           fileUploadListener="#{alumnoRetiroBean.cargarDocumentoInsertar}"
           allowTypes="*.png;*.jpg;*.gif;" description="Certificados" 
           update="msgs,dlgForm:imgFoto,dlgForm:parR" multiple="false"  customUI="true" required="true"/>
		 <p:graphicImage id="imgFoto"  value="#{alumnoRetiroBean.documento}" cache="false"
             style="height:50%;width:50%" />
         <h:inputHidden id="parR" binding="#{parR}" value="#{alumnoRetiroBean.valor}" required="true" requiredMessage="Ingrese Documento Sustentatorio"/>
		 <p:commandButton value="Generar Cita" 
		 				rendered="#{alumnoRetiroBean.btnCita}" 
						action="#{citaBean.redericcionaCita}" 
						title="Genera Nueva Cita" ajax="false">
						
			<f:setPropertyActionListener value="#{alumnoRetiroBean.alumno}" target="#{citaBean.alumnoElegido}" />
			<f:setPropertyActionListener value="#{alumnoRetiroBean.observacion}" target="#{citaBean.observacion}" />
			<f:setPropertyActionListener value="#{alumnoRetiroBean.motivo}" target="#{citaBean.motivo}" />
			<f:setPropertyActionListener value="#{alumnoRetiroBean.boleta}" target="#{citaBean.boleta}" />
			<f:setPropertyActionListener value="#{alumnoRetiroBean.misolicitud}" target="#{citaBean.lasolicitud}" />				
		 </p:commandButton>
		
          <f:facet name="footer"> 
                <p:outputPanel rendered="true" layout="block" style="text-align:center">
                <h:panelGroup>
					  <p:commandButton value="Grabar" 
					  actionListener="#{alumnoRetiroBean.generaSolicitud}"  
					  update="msgs" 
                      image="ui-icon ui-icon-check"
                      rendered="#{alumnoRetiroBean.btnAdjuntar}"
                      oncomplete="datosDialog.hide()"/>
                    <p:commandButton value="Cancelar" onclick="datosDialog.hide()" type="button" image="ui-icon ui-icon-close" 
                    rendered="#{alumnoRetiroBean.btnAdjuntar}"/>
  				</h:panelGroup>
              </p:outputPanel>  
          </f:facet>  

        </h:panelGrid> 
       </h:form>
    </p:dialog> 
    
</div>
</ui:define>

</ui:composition>